<extend name='Layout/index'/>

<block name='main'>
	<div class="main-banner">
		 <div class="banner col-md-8">
			<section class="slider">
				<div class="flexslider">
						<ul class="slides">
						<volist name="list" id="vo">
						<li>
							<a href="https://www.baidu.com" target="_blank"><img src="__ROOT__/Uploads/<{$vo.imgurl|substr=0,8}>/<{$vo.imgurl|substr=8}>"class="img-responsive"  alt="" width=300 blank="www.baidu.com"></a>
						</li>
						</volist>
						<!-- <li>
							<img src="__PUBLIC__/gewara/images/pic2.jpg" class="img-responsive" alt="" />
						</li>
						<li>
							<img src="__PUBLIC__/gewara/images/pic3.jpg" class="img-responsive" alt="" />
						</li>
						<li>
							<img src="__PUBLIC__/gewara/images/pic4.jpg" class="img-responsive" alt="" />
						</li> -->
				  </ul>
				</div>
			</section>
				 <!-- FlexSlider -->
		 <script defer src="__PUBLIC__/gewara/js/jquery.flexslider.js"></script>
		 <link rel="stylesheet" href="__PUBLIC__/gewara/css/flexslider.css" type="text/css" media="screen" />
		 <script type="text/javascript">
			$(function(){
			 SyntaxHighlighter.all();
			});
			$(window).load(function(){
			  $('.flexslider').flexslider({
				animation: "slide",
				start: function(slider){
				  $('body').removeClass('loading');
				}
			 });
			});
		 </script>
         </div>

		 <div class="col-md-4 banner-right">
			<h4>Instant Ticket Booking</h4>
			<div class="grid_3 grid_5">
				   <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
					<ul id="myTab" class="nav nav-tabs" role="tablist">
					  <li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">Movies</a></li>
					  <li role="presentation"><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false">Plays</a></li>
					  <li role="presentation"><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false">Events</a></li>
					  <li role="presentation"><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false">Sports</a></li>
					</ul>
					<div id="myTabContent" class="tab-content">
					<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">				  
                    <div class="fleft">
                        <label><input type="radio">
                        <span class="fleft mr20">Movies</span></label>
                        <label><input type="radio">
                        <span class="fleft mr20">Cinemas</span></label>
                    </div>
					<select class="list_of_movies"><option value="">Select Movie</option><optgroup label="Telugu"><option style="padding-left: 10px;" value="ANAN">Asura (U/A)</option><option style="padding-left: 10px;" value="CHDM">Jurassic World (2D Telugu) (U/A)</option><option style="padding-left: 10px;" value="GUDR">Jurassic World (3D Telugu) (U/A)</option><option style="padding-left: 10px;" value="GUNT">Jyothi Lakshmi (U/A)</option><option style="padding-left: 10px;" value="JANG">Kerintha (U)</option><option style="padding-left: 10px;" value="KAKI">Krishnamma Kalipindi Iddarini (U/A)</option><option style="padding-left: 10px;" value="KURN">Lava Kusa (A)</option><option style="padding-left: 10px;" value="MART">Pandaga Chesko (U/A)</option><option style="padding-left: 10px;" value="PRVT">Tippu (A)</option><option style="padding-left: 10px;" value="RAJA">Vinavayya Ramayya (U/A)</option></optgroup><optgroup label="Hindi"><option style="padding-left: 10px;" value="TAWA">ABCD 2 (3D) (U)</option><option style="padding-left: 10px;" value="ZIRO">ABCD 2 (2D) (U)</option></optgroup><optgroup label="English"><option style="padding-left: 10px;" value="DIB">Jurassic World (3D) (U/A)</option><option style="padding-left: 10px;" value="GUW">Guwahati</option></optgroup></select>
					<select class="list_of_movies"><option value="">Select Date</option><option style="padding-left: 10px;" value="ANAN">Today, 18 jun</option><option style="padding-left: 10px;" value="CHDM">Tomorrow, 19 jun</option><option style="padding-left: 10px;" value="CHDM">saturday, 20 jun</option><option style="padding-left: 10px;" value="CHDM">sunday, 21 jun</option></select>
					<h5 class="pre"><i class="fa fa-heart"></i>Preferred Cinemas :<h5>
					<h6 class="ipre"><a href="#">Mayajaal Multiplex: Chennai, </a> <a href="#"> INOX: NCS Mall</a>, <a href="#">Vizianagaram</a></h6>
			  </div>
			  <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
				 
			  </div>
			  <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
				 
			  </div>
			  <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
				 
			  </div>
			</div>
		   </div>
		  </div>
		 </div>
		 <div class="clearfix"></div>
	</div>
</block>